layui.use(['form','jquery','jquery_cookie'], function () {
    var form = layui.form,
        layer = layui.layer,
        $ = layui.jquery,
        $ = layui.jquery_cookie($);


    /**
     * 表单submit提交
     * form.on('submit(按钮的lay-filter的属性值)',function (data) {
     *
     *          return false;  阻止表单提交
     * )};
     */
    form.on('submit(login)',function (data) {
        // console.log(data.elem)
        // console.log(data.form)
        console.log(data.field) //当前容器的表单所有字段 k-v


        $.ajax({
            type:"post",
            url: ctx + "/user/login",
            data:{
               userName:data.field.username,
               password:data.field.password
            },
            success:function (result) {//result是回调函数，接收后端返回的数据
               console.log(result);
                //判断是否登录成功
                if (result.code == 200){
                    /**
                     * 登录成功
                     设置用户的登录状态
                            1.利用session会话
                            保存用户信息，如果会话存在，则用户是登录状态
                            缺点：服务器关闭或浏览器关闭，会话失效
                            2.利用cookie
                            保存用户信息，cookie未失效，则用户是登录状态
                     */
                    layer.msg("登录成功",function () {
                        //判断用户是否选择记住密码这个功能，选择了密码保留7天
                        if ($("#rememberMe").prop("checked")){
                            //选中记住我的选项
                            //将用户信息设置到cookie中
                            $.cookie("userIdStr",result.result.userIdStr,{expires:7});
                            $.cookie("userName",result.result.userName,{expires:7});
                            $.cookie("trueName",result.result.trueName,{expires:7});
                        }else {
                            //将用户信息设置到cookie中
                            $.cookie("userIdStr",result.result.userIdStr);
                            $.cookie("userName",result.result.userName);
                            $.cookie("trueName",result.result.trueName);
                        }

                       //登录成功后跳转到首页
                        window.location.href = ctx + "/main";
                    });

                }else {
                    //登录失败
                    layer.msg(result.msg,{icon:5});
                }
            }
        });
        return false;
    })
    
});